<%--
  Created by IntelliJ IDEA.
  User: KangWang
  Date: 2021/5/13
  Time: 19:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"  %>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>华康科技有限公司</title>
  <link rel="shortcut icon" href="https://static.websiteonline.cn/website/template/default/images/favicon.ico"
        type="image/x-icon">
  <link rel="Bookmark" href="https://static.websiteonline.cn/website/template/default/images/favicon.ico">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/home.css" type="text/css">
  <!-- head-and-foot -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/head.css" type="text/css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/foot.css" type="text/css">
</head>

<body>
<!-- 头部 公共部分 -->
<%--<script src="${pageContext.request.contextPath}/js/head.js"></script>--%>
<jsp:include page="head.jsp"></jsp:include>
<!-- 公司简介 -->
<div class="companyBrief">
  <div>
    <div class="wp-buttons_content">
      <a href="${pageContext.request.contextPath}${navs[1].navUrl}">\ ${navs[1].navName}</a>
    </div>
    <div class="synopsis">
      <div class="synopsis-icon">
        <a href="">
          <img src="${pageContext.request.contextPath}${images[1].imgUrl}" />
        </a>
      </div>
      <div class="synopsis-describe">
        <div>
            <span>
                ${companyProfile.profile}
            </span>
        </div>
      </div>
      <!-- 斜线 -->
      <div class="synopsis-bias">
        <!-- 斜线 -->
        <div class="synopsis-1bias">
          <div class="synopsis-2bias">
            <div></div>
          </div>
        </div>
        <div class="img_over">
          <a href="${pageContext.request.contextPath}${navs[1].navUrl}">
            <span>详情</span>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 新闻动态 -->
<div class="dynamic_content">
  <div>
    <div class="wp-buttons_content">
      <a href="${pageContext.request.contextPath}${navs[2].navUrl}">\ ${navs[2].navName}</a>
    </div>
    <div class="dynamic_1content">
      <!-- 左侧布局 -->
      <div class="dynamic_left">
        <div class="dynamic_1left">
          <div>
            <a href="">
              <img src="${pageContext.request.contextPath}${images[3].imgUrl}" />
            </a>
          </div>
        </div>
        <div class="dynamic">
          <div>
            <div class="dynamic_2left">
              <span>04</span>
            </div>
            <div>
              <span class="dynamic_3left">Fourteen </span>
            </div>
          </div>
          <div class="dynamic-img">
            <div>
              <div>
                <a href="">四川全省网吧并入监控玩低俗游戏</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 右侧布局 -->
      <div class="dynamic_right">
        <div class="dynamic_left">
          <div class="dynamic_1left">
            <div>
              <a href="">
                <img src="${pageContext.request.contextPath}${images[4].imgUrl}" />
              </a>
            </div>
          </div>
          <div class="dynamic">
            <div>
              <div class="dynamic_2left">
                <span>05</span>
              </div>
              <div>
                <span class="dynamic_3left">Fifteen </span>
              </div>
            </div>
            <div class="dynamic-img">
              <div>
                <div>
                  <a href=""> 海外三大网络视频模式落地</a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 数字导航 -->
        <div class="num-1nav">
          <div class="num-nav">
            <a href="${pageContext.request.contextPath}${navs[2].navUrl}">1</a>
          </div>
          <div class="nav-bias">
            <!-- 斜线 -->
            <div>
              <div>
                <div></div>
              </div>
            </div>
          </div>
          <div class="num-nav">
            <a href="${pageContext.request.contextPath}${navs[2].navUrl}">2</a>
          </div>
          <div class="nav-bias">
            <!-- 斜线 -->
            <div>
              <div>
                <div></div>
              </div>
            </div>
          </div>
          <div class="num-nav">
            <a href="${pageContext.request.contextPath}${navs[2].navUrl}">3</a>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>
<!-- 产品展示 -->
<div class="product-display">
  <div>
    <div class="wp-buttons_1content">
      <a href="${pageContext.request.contextPath}${navs[3].navUrl}">\ ${navs[3].navName}</a>
    </div>
    <!-- 产品展示 -->
    <div class="product-img">
      <div class="product-1img">
        <!-- css轮播 -->
        <div class="carousel-icon">
          <div class="carousel">
            <ul class="items">
              <c:forEach items="${displayImg}" var="img"  varStatus="index" begin="0" end="8" >
                  <li class="item${index.index+1}">
                    <a href="">
                      <img src="${pageContext.request.contextPath}${img}" />
                    </a>
                  </li>
              </c:forEach>
<%--              <li class="item1">--%>
<%--                <a href="">--%>
<%--                  <img src="${pageContext.request.contextPath}/img/32_tqh6.jpg" />--%>
<%--                </a>--%>
<%--              </li>--%>
<%--              <li class="item2">--%>
<%--                <a href="">--%>
<%--                  <img src="${pageContext.request.contextPath}/img/31_hqzy.jpg" />--%>
<%--                </a>--%>
<%--              </li>--%>
<%--              <li class="item3">--%>
<%--                <a href="">--%>
<%--                  <img src="${pageContext.request.contextPath}/img/30_zggw.jpg" />--%>
<%--                </a>--%>
<%--              </li>--%>
<%--              <li class="item4">--%>
<%--                <a href="">--%>
<%--                  <img src="${pageContext.request.contextPath}/img/29_qds1.jpg" />--%>
<%--                </a>--%>
<%--              </li>--%>
<%--              <li class="item5">--%>
<%--                <a href="">--%>
<%--                  <img src="${pageContext.request.contextPath}/img/28_jtat.jpg" />--%>
<%--                </a>--%>
<%--              </li>--%>
<%--              <li class="item6">--%>
<%--                <a href="">--%>
<%--                  <img src="${pageContext.request.contextPath}/img/27_4xfw.jpg" />--%>
<%--                </a>--%>
<%--              </li>--%>
<%--              <li class="item7">--%>
<%--                <a href="">--%>
<%--                  <img src="${pageContext.request.contextPath}/img/26_8zvc.jpg" />--%>
<%--                </a>--%>
<%--              </li>--%>
<%--              <li class="item8">--%>
<%--                <a href="">--%>
<%--                  <img src="${pageContext.request.contextPath}/img/25_79g0.jpg" />--%>
<%--                </a>--%>
<%--              </li>--%>
            </ul>
          </div>
          <!-- 畅销产品 -->
          <div class="media-btn">
            <div class="media-image">
              <a href="${pageContext.request.contextPath}${navs[3].navUrl}"><span>畅销产品</span></a>
            </div>
          </div>
        </div>
      </div>
      <!-- 右侧文字描述 -->
      <div class="product-right">
        <div>
          <div class="product-1right">
            <div>
              <span>${productDisplay.productTitle}</span>
            </div>
          </div>
          <div class="product-2right">
            <div>
              <div>
                <span>${productDisplay.productDtl}</span>
              </div>
            </div>
          </div>
          <div class="product-bias" >
            <!-- 斜线 -->
            <div class="product-1bias">
              <div>
                <div></div>
              </div>
            </div>
            <div class="img_over">
              <a href="${pageContext.request.contextPath}${navs[3].navUrl}">
                <span>详情</span>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!--回到顶部 公共部分 -->
<jsp:include page="href-top.jsp"></jsp:include>
<!-- 分割线 -->
<div style="margin-top: 609px;">
  <hr />
</div>
<!-- foot -->
<div class="company-end">
  <%--   foot-nav 公共部分 --%>
  <jsp:include page="foot.jsp"></jsp:include>
</div>
</body>

</html>
